@charset "utf-8";



.board-notice	{ width: 264px; padding: 10px; margin: 0 auto; text-align: center; box-sizing: border-box; }


.board-write	{  padding: 0 10px; }

.board-write h3	{
	font-size: 26px;
	text-align: center;
	padding: 30px 0 20px;
} 
.board-write .write-notice	{
	padding: 10px;
	font-size: 11px;
}
.board-write > dl {position:relative;}
.board-write > dl > dt { width:70px;position:absolute;line-height:32px;text-align:center; }
.board-write > dl > dd { width:100%;margin-left:0;padding-left:80px;box-sizing:border-box;line-height:32px;}
.board-write input.frm_input.full	{ width: 100%; display:block;margin:1px 0;}


#bo_v_bot	{ padding: 20px 0; overflow: hidden; }
.bo_v_nb	{ float: left; }
.bo_v_com	{ float: right; }

.board-category	{
	display: block;
	position: relative;
	margin-bottom: 10px; 
	
}
.board-category select	{

}

@media all and (max-width: 640px) {
#bo_v_con * {max-width:100%;}

	.board-category	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.board-category select	{
		width: 100%;
	}

	.bo_fx	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 20px 10px !important;
	}
	.bo_fx a	{
		display: block;
		width: 100%;
	}
}

.people {
	display: grid;
	grid-template-columns: repeat(3, minmax(160px, 1fr));
	gap: 12px
}
.people dl {margin:0;}
.people dt {margin:0 0 6px}
.people dd {margin:0;}
.people input.frm_input {width:100%; box-sizing: border-box; margin-top:-2px;}
.photocard-grid {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 8px; 
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

#bo_cate {
	text-align:center;
}
#bo_cate li {
	display:inline-block;
	vertical-align:middle;
	margin:0.2em;
}

.avocado-grid{
  list-style:none; margin:0; padding:8px 0; overflow: visible;
  display:grid; gap:24px;
  grid-template-columns:repeat(4, minmax(0,1fr));
}
@media (max-width:1024px){ .avocado-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:720px){ .avocado-grid{ grid-template-columns:repeat(2,1fr);} }
@media (max-width:420px){ .avocado-grid{ grid-template-columns:1fr;} }

.avocado-grid > li{ 
  position:relative; margin:0; padding:0; background:none; border:0; box-shadow:none; overflow: visible;
}

.avocado-grid .td_chk{
  position:absolute; top:8px; left:8px; z-index:10;
  background:rgba(255,255,255,.85); padding:4px 6px; border-radius:6px;
}

.flip-card{ position:relative; width:100%; perspective:1200px; }
.flip-card::before{ content:""; display:block; padding-top:150%; }

.flip-card__inner{
  position:absolute; inset:0;
  transform-style:preserve-3d;
  overflow: visible !important;
  border-radius: 0 !important;      
  box-shadow:none;                   
  transition: none !important;
}

.flip-card__face{
  position:absolute; inset:0; display:flex;
  backface-visibility:hidden; -webkit-backface-visibility:hidden;
  transform-style:preserve-3d; transform-origin:center center;
  transition: transform .6s cubic-bezier(.2,.6,.2,1) !important;
  will-change: transform;

  border-radius:16px;
  overflow:hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.flip-card__front{ transform: rotateY(0deg) !important;  background:#111; z-index:2;  background: white; }
.flip-card__back { transform: rotateY(180deg) !important; background:#fff; color:#222;
                   display:flex; flex-direction:column; justify-content:space-between; z-index:1; }
.flip-card.is-flipped .flip-card__front{ transform: rotateY(180deg) !important; }
.flip-card.is-flipped .flip-card__back { transform: rotateY(0deg)   !important; }
.flip-card__media{
  display:block; margin:0;
  width:100%; height:100%;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  border-radius:12px; overflow:hidden;
  margin: auto;
}
.flip-card.no-photo .flip-card__media{
  background:none !important;         
}
.flip-card__hit{ position:absolute; inset:0; border:0; background:transparent; cursor:pointer;
                 z-index:5; pointer-events:auto; }
.flip-card__back__content{ padding:16px; overflow:auto; }
.flip-card__title{ font-size:1.05rem; line-height:1.35; margin:0 0 8px; font-weight:700;
                   display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.meta{ font-size:.92rem; line-height:1.5; color:#333; margin:.25rem 0; }

.pc-actions{
  position:absolute; top:8px; right:8px;
  z-index:20; display:flex; gap:6px;
}
.pc-action{
  width:20px; height:20px;
  display:flex; align-items:center; justify-content:center;
  color:#111; text-decoration:none;
  transition: color .25s ease;
}
.pc-action:hover{ color:#fff; }

.flip-card__front .flip-card__hit{ z-index:5; }


.flip-card__front .flip-card__hit{ z-index:5; }

.flip-card__back{ background:#fff; } 

:root{
  --holo-rainbow: #ff0040, #ff8c00, #ffee00, #00ff7f, #00e5ff, #5a00ff, #ff00e7, #ff0040;
}

.fx-holo::before{
  content:"";
  position:absolute; left:50%; top:50%;
  width:220%; height:220%;
  transform: translate(-50%,-50%) rotate(45deg) translateZ(0);
  transform-origin: 50% 50%;
  background-image: linear-gradient(90deg, var(--holo-rainbow));
  background-size: 200% 100%;  
  background-repeat: repeat-x;
  background-position: 0 0;
  animation: holo-flow 10s linear infinite;

  mix-blend-mode: screen;  
  opacity: .5;
  pointer-events: none;
  z-index: 2;
  will-change: transform, background-position;
}

@keyframes holo-flow{
  to { background-position: 200% 0; }
}

.fx-shine::after{
  --shine-speed: 5s;  
  --shine-width: 22%;    

  content:"";
  position:absolute; left:50%; top:50%;
  width:180%; height:180%;        
  transform: translate(-50%,-50%) rotate(45deg) translateX(-140%);
  transform-origin: 50% 50%;
  background: linear-gradient(90deg,
      rgba(255,255,255,0) 0,
      rgba(255,255,255,.0) calc(50% - var(--shine-width)/2),
      rgba(255,255,255,.7) 50%,
      rgba(255,255,255,.0) calc(50% + var(--shine-width)/2),
      rgba(255,255,255,0) 100%);
  mix-blend-mode: screen;    
  opacity:.85;              
  pointer-events:none; z-index:3;
  will-change: transform;
  animation: fxShineSweep var(--shine-speed) linear infinite;
}

@keyframes fxShineSweep{
  to { transform: translate(-50%,-50%) rotate(45deg) translateX(140%); }
}

/* ===== 스크롤바 숨기기 (기능 유지) ===== */
#body,
#body * {
  scrollbar-width: none !important;      /* Firefox */
  -ms-overflow-style: none !important;   /* IE */
}

#body::-webkit-scrollbar,
#body *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;              /* Chrome / Edge / Safari */
}

/* 상단 '전체' 버튼 숨기기 */
#bo_cate {
  display: none !important;
}

/* 하단 페이지 번호 버튼 숨기기 */
.pg_wrap,
.pg {
  display: none !important;
}